body {
    background: url('https://grkblog.oss-cn-beijing.aliyuncs.com/img03.jpg') no-repeat;
    background-size: 100% 100%;
}

#login_box {
    width: 20%;
    height: 400px;
    background-color: #00000060;
    margin: auto;
    margin-top: 10%;
    text-align: center;
    border-radius: 10px;
    padding: 50px 50px;
}
.a{
    color:#0000FF; /*设置文字颜色*/
    text-decoration: none;
    font-size:20px; /*设置字体大小*/
    font-family:"微软雅黑";/*设置字体*/
    -webkit-animation: shine 2.4s infinite;/*设置动画*/
}
@-webkit-keyframes shine{/*创建动画*/
    0%,100%{ color:#fff;text-shadow:0 0 10px #0000FF,0 0 10px #0000FF; }
    50%{ text-shadow:0 0 10px #0000FF,0 0 40px #0000FF; }
}

h2 {
    color: #ffffff90;
    margin-top: 5%;
}

#input-box {
    margin-top: 5%;
}

span {
    color: #fff;
}

input {
    border: 0;
    width: 60%;
    font-size: 15px;
    color: #fff;
    background: transparent;
    border-bottom: 2px solid #fff;
    padding: 5px 10px;
    outline: none;
    margin-top: 10px;
}

.yy {
    margin-top: 30px;
    width: 60%;
    height: 30px;
    border-radius: 10px;
    border: 0;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    background-image: linear-gradient(to right, #30cfd0, #330867);
}
a {
    color: #b94648;
}